Editor Window Overview

You use the editor window (Figure 20) to create screencasts or other ScreenFlow projects, and then edit your projects. This includes adding media, text, actions, and other visual and audio effects for clarity, emphasis, and visual appeal.

The editor window also allows you to arrange your project’s elements both spatially and temporally, and configure each element’s properties to behave or display just the way you want, and to preview your project and then go back and adjust your results.

Figure 20. Editor Window Overview

The editor window is a document window for ScreenFlow documents. Each editor window displays a single ScreenFlow project. Each ScreenFlow project is stored in a ScreenFlow document, including the media library. You can open several ScreenFlow documents and work on these projects simultaneously.

Note: To create a new, untitled ScreenFlow document for a new project, see Creating a Document Without Recording.

The editor window consists of three panes: Canvas, Properties, and Timeline.

You can resize the canvas and timeline panes by clicking and dragging the toolbar up or down. Click anywhere in the region of the toolbar directly below the toolbar icons (and above the timeline) and drag the toolbar up or down to resize the panes.

The upper-left pane of the editor window is the canvas. The canvas is a spatial representation of the visual clips of your project (and their properties, actions, etc.), based on the position of the scrubber on the timeline. At any given point in time, elements in a project may be entirely or partially visible in the frame, or off-screen entirely. You use the canvas to arrange, resize and configure these elements. For details, see Editing Your Project on the Canvas.

The bottom pane (directly below the playback controls) is the timeline—a temporal representation of your project, with a time scale at the top. The timeline enables you to arrange the clips in your project in play order, and add fades and other effects. The elements on the timeline reference media in your project’s media library. Changes made on the timeline or on the canvas do not alter your original media clips in the media library. For details, see Editing Your Project on the Timeline.

The upper-right pane displays the properties panes and media library. There are seven properties panes: Video, Audio, Screen Recording, Callout, Touch Callout, Annotations, and text. For details, see Configuring Video Properties. The media library (Using the Media Library) stores all recorded and imported media in its original format and state.

All three panes work together to help you create, edit, and preview your project.